<template>
<div>
	<!--头部-->
	<div class="xiu-top">
		<a href="#/Zeidianji"><img class="xiu-jian" src="../assets/img/duanhuowang/zuo.png" alt=""/></a>
		<span class="xiu-pin">修炼秘籍</span>
		<a><img class="xiu-fan" src="../assets/img/duanhuowang/fan.png" alt=""/></a>
	</div>
	<div id="xiu" class="kk"></div>
	<!--图片-->
	<div v-for="ww in 30" class="xiu">
	<div class="shentu">
		<a href="#/XiuLianXiangQing"><img class="nvs" src="../assets/img/shouye/xiulian/ nushen.png" alt=""/></a>
		<img class="acd" src="../assets/img/shouye/xiulian/ACDICT.png" alt=""/>
		<img class="shenzi" src="../assets/img/shouye/xiaoxi/nvzi.png" alt=""/>
	</div>
	<p class="nvzi1">ADDICTION</p>
	<p class="nvzi2">质感奢华 宛如定制</p>
	</div>
	<!--点击回到顶部-->
		<a href="#xiu">
			<div class="xiu-box">
			<img src="../assets/img/shouye/pinpai/dingbu.png" alt=""/>
			<p class="xiu-ding">返回顶部</p>
			</div>
		</a>
</div>
</template>

<script>
</script>

<style>
	.kk{
		margin-top: 9.6rem;
	}
	/*头部*/
	.xiu-top {
		position: fixed;
		top: 0;
		left: 0;
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		z-index: 5;
	}
	
	.xiu-pin {
		color: white;
		font-size: 3.6rem;
		text-align: center;
		padding: 0 22rem;
		font-weight: 200;
	}
	
	.xiu-jian {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	.xiu-fan {
		width: 3.6rem;
		height: 3.4rem;
	}
	/*返回顶部*/
	.xiu-box{
		position: fixed;
		right:0.4rem;
		bottom: 17.5rem;
	}
	.xiu-box>img{
		width: 4.8rem;
		height: 4.8rem;
		margin-left: 8.2rem;
	}
	.xiu-ding{
		font-size: 2.4rem;
		color:red;
		text-align: right;
		font-weight: 150;
		padding-top: 1rem;
	}
	/*图图图*/
	.xiu{
		width: 100%;
		height: 50.4rem;
		background: #FFFFFF;
		border-bottom: 0.1rem solid #CCCCCC;
	}
	.shentu{
		width: 100%;
		height: 40rem;
		background: lightgoldenrodyellow;
		position: relative;
	}
	.nvs{
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
	}
	.acd{
		width: 31.2rem;
		height: 7.8rem;
		position: absolute;
		right: 2rem;
		bottom: 15rem;
	}
	.shenzi{
		width: 68rem;
		height: 8.2rem;
		position: absolute;
		left:2.1rem;
		bottom: 2.4rem;
	}
	.nvzi1{
		font-size: 3rem;
		padding:1rem 3rem;
		color:#333333;
	}
	.nvzi2{
		font-size: 2.4rem;
		padding-left: 3rem;
		color:#4D4D4D;
	}
</style>